@charset "utf-8";

@mixin clear {
	width: 0;
	height: 0;
	display: block;
	content: "";
	overflow: hidden;
	clear: both;

}
@mixin afterClear {
	&:after {
			@include clear;
	}
}
@mixin lineFeed($line: 1) {
	display: -webkit-box;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: $line;
	overflow: hidden;
	text-overflow: ellipsis;
}
@mixin setPlaceholderColor($color:#ccc) {
	&::-webkit-input-placeholder {
			/* WebKit, Blink, Edge */
			color: $color;
	}
	&:-moz-placeholder {
			/* Mozilla Firefox 4 to 18 */
			color: $color;
	}
	&::-moz-placeholder {
			/* Mozilla Firefox 19+ */
			color: $color;
	}
	&:-ms-input-placeholder {
			/* Internet Explorer 10-11 */
			color: $color;
	}
}
page{
	height: 100%;
}
image {
	display:block;
}

/* this rule will be remove */

* {
	transition: width 2s;
	-moz-transition: width 2s;
	-webkit-transition: width 2s;
	-o-transition: width 2s;
}

div, header, section, p, view, scroll-view, ul, li, textarea {
	box-sizing: border-box;
}
progress, input, textarea {
	z-index: 1;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td ,label, span{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
scroll-view{
	box-sizing: border-box;
}
i{
	display: inline;
}
button::after{
	border:none;
}

@mixin button{
	width: 200px;
	height: $inputHeight;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	color: #fff;
	cursor: no-drop;
	background-color: #dddddd;
	outline: none;
}

body{background-color: #F7F7F7;}
.cf{clear: both;content: "";display: block;overflow: hidden}
.fl{float: left;}
.fr{float: right;}
.tr{text-align: right;}
.tc{text-align: center;}
.blue{color: #2761FF;}
.green{color: #3CC596;}
.orange{color: #F3B25E;}
.red{color: #F35E5E;}
.pinkColor{color: $pinkColor;}
.pl15{padding-left: 15rpx;}

.comPopWrapHd{
	position: relative;
	top: 70rpx;
	margin-bottom: 75rpx;

	.icon_arrow{
		position: absolute;
		top: 40rpx;
		left: 40rpx;
	}

	.title{
		font-size: 28rpx;
		text-align: center;
		margin-bottom: 35rpx;
		padding-top: 40rpx;
	}
}
  
.comPopWrap{
  padding: 20rpx 60rpx;

  .title{
    font-size: 36rpx;
    text-align: center;
    font-weight: 500;
    margin-bottom: 35rpx;
    padding-top: 40rpx;
  }
}

@font-face{
	font-family: DIN;
	src: url('https://static.wemlink.com/font/DIN-Bold.otf'); 
	font-weight: normal;
	font-style: normal;
}